<!Doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>24种编程语言的Hello World程序 | 菜鸟教程</title>

  <meta name='robots' content='max-image-preview:large' />
<link rel='stylesheet' id='classic-theme-styles-css' href='../0/classic-themes.min.css?ver=6.2' type='text/css' media='all' />
<link rel="canonical" href="../w3cnote/hello-world-programs-of-24-programing-language.html" />
<meta name="keywords" content="24种编程语言的Hello World程序">
<meta name="description" content="这篇文章主要介绍了 24 种编程语言的 Hello World 程序，包括熟知的 Java、C 语言、C++、C#、Ruby、Python、PHP 等编程语言，需要的朋友可以参考下。 Hello World，几乎是程序猿学习各种语言的第一个程序。心血来潮，汇总并整理了下主流开发语言如何实现，包括大致快速了解下这门语言、开发、编译、环境搭建、运行、简单语言等，其实很多语言是有关联的。在当下，只掌握一门语言是不够的，比如说 Python，语..">
		
	<link rel="shortcut icon" href="https://static.runoob.com/images/favicon.ico">
	<link rel="stylesheet" href="../0/style.css?v=1.170" type="text/css" media="all" />	
	<link rel="stylesheet" href="../0/font-awesome.min.css" media="all" />	
  <!--[if gte IE 9]><!-->
  <script src=""></script>
  <!--<![endif]-->
  <!--[if lt IE 9]>
     <script src=""></script>
     <script src=""></script>
  <![endif]-->
  <link rel="apple-touch-icon" href="https://static.runoob.com/images/icon/mobile-icon.png"/>
  <meta name="apple-mobile-web-app-title" content="菜鸟教程">
</head>
<body>

<!--  头部 -->
<div class="container logo-search">

  <div class="col search row-search-mobile">
    <form action="index.php">
      <input class="placeholder" placeholder="搜索……" name="s" autocomplete="off">
      
    </form>
  </div>

  <div class="row">
    <div class="col logo">
      <h1><a href="../">菜鸟教程 -- 学的不仅是技术，更是梦想！</a></h1>
    </div>
        <div class="col right-list"> 
    <button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse" id="pull" style=""> <i class="fa fa-navicon"></i> </button>
    </div>
        
    <div class="col search search-desktop last">
      <div class="search-input" >
      <form action="//www.runoob.com/" target="_blank">
        <input class="placeholder" id="s" name="s" placeholder="搜索……"  autocomplete="off" style="height: 44px;">
      </form>
      
      </div>
    </div>
  </div>
</div>



<!-- 导航栏 -->
<div class="container navigation">
    <div class="row">
        <div class="col nav">
            

                        <ul class="pc-nav" id="note-nav">
                <li><a href="../">首页</a></li>
                <li><a href="../w3cnote">笔记首页</a></li>
                <li><a href="../w3cnote/android-tutorial-intro.html" title="Android 基础入门教程">Android</a></li>
                <li><a href="../w3cnote/es6-tutorial.html" title="ES6 教程">ES6 教程</a></li>
                <li><a href="../w3cnote/ten-sorting-algorithm.html" title="排序算法">排序算法</a></li>
                <li><a href="../w3cnote/hadoop-tutorial.html" title="Hadoop 教程">Hadoop</a></li>
                <li><a href="../w3cnote/zookeeper-tutorial.html" title="Zookeeper 教程">Zookeeper</a></li>
                <li><a href="../w3cnote/verilog-tutorial.html" title="Verilog 教程">Verilog</a></li>
                <li><a href="../w3cnote_genre/code" title="编程技术">编程技术</a></li> 
                <li><a href="../w3cnote_genre/coderlife" title="程序员人生">程序员人生</a></li>
                
                <!--<li><a href="javascript:;" class="runoob-pop">登录</a></li>
                
                
                        <li>
                <a style="font-weight:bold;" href="../linux/linux-tutorial.html#yunserver" target="_blank" onclick="_hmt.push(['_trackEvent', 'aliyun', 'click', 'aliyun'])" title="kkb">云服务器</a>
                </li>
                <li><a href="http://gk.link/a/104mQ" target="_blank" style="font-weight: bold;"onclick="_hmt.push(['_trackEvent', '极客时间', 'click', 'jike'])" title="我的圈子">极客时间</a></li>
            
                
                <li><a target="_blank" href="../shoppinglist" rel="nofollow">知识店铺</a></li> 
        -->
            </ul>
                        
              
            <ul class="mobile-nav">
                <li><a href="../w3cnote">首页</a></li>
                <li><a href="../w3cnote_genre/android" target="_blank" title="Android 基础入门教程">Android</a></li>
                <li><a href="../w3cnote/es6-tutorial.html" target="_blank" title="ES6 教程">ES6</a></li>
                <li><a href="../w3cnote_genre/joke" target="_blank" title="程序员笑话">逗乐</a></li>
                
                <a href="javascript:void(0)" class="search-reveal">Search</a> 
            </ul>
            
        </div>
    </div>
</div>


<!--  内容  -->
<div class="container main">
	<div class="row">

		<div class="col middle-column big-middle-column">
	 			<div class="article">
			<div class="article-heading">
				<h2>24种编程语言的Hello World程序</h2>				<h3><em>分类</em> <a href="../w3cnote_genre/code" title="编程技术" >编程技术</a> </h3>
			</div>
			<div class="article-body note-body">
				<div class="article-intro">
					<p>这篇文章主要介绍了 24 种编程语言的 Hello World 程序，包括熟知的 Java、C 语言、C++、C#、Ruby、Python、PHP 等编程语言，需要的朋友可以参考下。</p>
<p>Hello World，几乎是程序猿学习各种语言的第一个程序。心血来潮，汇总并整理了下主流开发语言如何实现，包括大致快速了解下这门语言、开发、编译、环境搭建、运行、简单语言等，其实很多语言是有关联的。在当下，只掌握一门语言是不够的，比如说 Python，语言简洁、开发快是其最大优点，但缺点是速度相对较慢，C/C++/Java 开发比较慢，但程序运行速度比较快，如果想兼具两者的优点，就要写Python的扩展，这就涉及到（C、C++、Java、Fortan...）等语言，Python 的 GUI 中 Tkinter 里面又涉及到 TCL 语言，所以就 Python 开发来说，就必须熟悉 C（CPython 就是用 C 开发出来的），最好同时熟悉 Java（Jython、Python 是基于 Java 的实现），C++/C#（IronPython 就是基于 C# 及 .net 的实现），还有不同语言间的通信可能会用到 CORBAL，还有 Python 中可能会调用 SHELL 中的命令，或 Perl 的命令。所以，精通一到两门，熟悉多门语言是必须的。</p>
<p>下面用多种语言来实现打印 Hello World，包括所需要的环境（主要是如何编译、链接等）、代码、语言说明、语言特色介绍。</p>
<p>并带附录：2014 年编程语言总排行榜前二十名、Web 开发语言排行榜前十名以及移动应用开发语言排行榜前十名。</p>
<h2>01. Java</h2>
<p>环境: JDK1.7</p>
<pre>
C:\&gt;java -version   
java version "1.7.0_51"  
Java(TM) SE Runtime Environment (build 1.7.0_51-b13)  
Java HotSpot(TM) Client VM (build 24.51-b03, mixed mode, sharing)
</pre>
<p>代码: </p>
<pre>
#FileName: HelloWorld.java  
public class HelloWorld   #如果有 public 类的话，类名必须和文件同名，注意大小写  
{  
  #Java 入口程序，程序从此入口  
  public static void main(String[] args)  
  {  
  #向控制台打印一条语句  
    System.out.println("Hello,World!");  
  }  
}  
</pre>
<p>说明：</p>
<pre>
D:\HelloWorld&gt;javac HelloWorld.java    #用 javac 编译成字节码文件（HelloWorld.class）  
D:\HelloWorld&gt;java HelloWorld          #用 java 解释执行成特定平台的机器码  
Hello,World!  
</pre>
<h2>02. C</h2>
<p>环境: MinGW 或各种 C/C++ 编译器</p>
<pre>
D:\HelloWorld&gt;gcc -v  
Reading specs from C:/Perl/site/lib/auto/MinGW/bin/../lib/gcc/mingw32/3.4.5/specs  
Configured with: ../gcc-3.4.5-20060117-3/configure --with-gcc --with-gnu-ld --with-gnu-as --host=min  
gw32 --target=mingw32 --prefix=/mingw --enable-threads --disable-nls --enable-languages=c,c++,f77,ad  
a,objc,java --disable-win32-registry --disable-shared --enable-sjlj-exceptions --enable-libgcj --dis  
able-java-awt --without-x --enable-java-gc=boehm --disable-libgcj-debug --enable-interpreter --enabl  
e-hash-synchronization --enable-libstdcxx-debug  
Thread model: win32  
gcc version 3.4.5 (mingw-vista special r3)  
</pre>
<p>代码: </p>
<pre>
#include &lt;stdio.h&gt;  
int main()                #main 入口函数  
{  
  printf("Hello,World!"); #printf 函数打印  
  return 1;               #函数返回值  
}  
</pre>
<p>说明：</p>
<pre>
D:\HelloWorld&gt;gcc HelloWorld.c -o output   #文件名 HelloWorld.c，-o 输出文件名 output  
HelloWorld.c:6:2: warning: no newline at end of file  
  
D:\HelloWorld&gt;output                       #直接运行输出文件               
Hello,World!
</pre>
<pre>
#如果未安装 GCC，那么必须按照 http://gcc.gnu.org/install/ 上的详细说明安装 GCC。  
#为了在 Windows 上安装 GCC，需要安装 MinGW。
#为了安装 MinGW，请访问 MinGW 的主页 www.mingw.org，进入 MinGW 下载页面，下载最新版本的 MinGW 安装程序，命名格式为 MinGW-&lt;version&gt;.exe。  
#当安装 MinWG 时，至少要安装 gcc-core、gcc-g++、binutils 和 MinGW runtime，但是一般情况下都会安装更多其他的项。    
#添加您安装的 MinGW 的 bin 子目录到您的 PATH 环境变量中，这样您就可以在命令行中通过简单的名称来指定这些工具。    
#当完成安装时，就可以从 Windows 命令行上运行 gcc、g++、ar、ranlib、dlltool 和其他一些 GNU 工具。
</pre>
<h2>03. C++</h2>
<p>环境: MinGW 或各种 C++ 编译器</p>
<p>
头文件后缀名：.h、.hpp、.hxx<br />
源文件后缀名：.cpp、.c++、.cxx、.cc、.C
</p>
<p>代码:</p>
<pre>
#include &lt;iostream&gt;               //std::cout 要用到的头文件  
#include &lt;stdio.h&gt;                //标准输入输出头文件  
  
int main()  
{  
  printf("Hello,World!--Way 1\n");    //printf 语句打印  
  puts("Hello,World!--Way 2");        //puts 语句  
  puts("Hello," " " "World!--Way 3"); //字符串拼接  
  std::cout &lt;&lt; "Hello,World!--Way 4" &lt;&lt; std::endl; //C++ 教科书上写法  
  return 1;                                        //作为注释  
} 
</pre>
<p>说明：</p>
<pre>
D:\HelloWorld&gt;g++ HelloWorld.c++ -o output   //源文件后缀也可为 .cpp、.C  
  
D:\HelloWorld&gt;output  
Hello,World!--Way 1  
Hello,World!--Way 2  
Hello,World!--Way 3  
Hello,World!--Way 4
</pre>
<h2>04. Python</h2>
<p>环境: Python 2.x 或 Python 3.x</p>
<pre>
D:\HelloWorld&gt;python  
Python 2.7.4 (default, Apr  6 2013, 19:55:15) [MSC v.1500 64 bit (AMD64)] on win32  
Type "help", "copyright", "credits" or "license" for more information.  
</pre>
<p>代码：</p>
<pre>
&gt;&gt;&gt;&gt; print "Hello,World!"   #Python 2.x  
Hello,World!  
&gt;&gt;&gt; print("Hello,World!")  #Python 3.x    
Hello,World!  
</pre>
<p>说明:</p>
<p>
1. 在 Python 3.x 中，print 语句是函数，所以为 print()。<br />
2. 也可以写在 .py 文件中，同样执行。<br />
3. python2.6 及以上版本和 python3.x 基本相同，也同样可以使用 print() 来打印。</p>
<h2>05. C#</h2>
<p>环境：Windows</p>
<pre>
d:\HelloWorld&gt;csc -v  
Microsoft (R) Visual C# 2005 Compiler version 8.00.50727.4927  
for Microsoft (R) Windows (R) 2005 Framework version 2.0.50727  
Copyright (C) Microsoft Corporation 2001-2005. All rights reserved.  
</pre>
<p>代码：</p>
<pre>
//FileName: HelloWorld.cs  
using System;  
class TestApp  
{  
  public static void Main()  
  {  
    Console.WriteLine("Hello,World!");  
    Console.ReadKey();  
  }  
}  
//执行如下:  
d:\HelloWorld&gt;csc HelloWorld.cs  
Microsoft (R) Visual C# 2005 Compiler version 8.00.50727.4927  
for Microsoft (R) Windows (R) 2005 Framework version 2.0.50727  
Copyright (C) Microsoft Corporation 2001-2005. All rights reserved.  
  
d:\HelloWorld&gt;HelloWorld.exe  
Hello,World!  
</pre>
<p>说明：</p>
<p>
C# 其实和 Java 非常相像，刚才用的是命令行方式，需要设置环境变量，可以参考：http://www.jb51.net/article/67171.htm。<br />
如果是直接下载 Microsoft Visual Studio 的话，就可以在 IDE 中用快捷键编译、运行。
</p>
<h2>06. PHP</h2>
<p>环境: XAMPP 1.8.3，环境搭建指南：http://www.cnblogs.com/wangkangluo1/archive/2011/07/19/2110943.html</p>
<p>代码：</p>
<pre>
&lt;!DOCTYPE html&gt;  
&lt;body&gt;  
&lt;?php  
echo "Hello,World!";            //打印语句  
echo "The first php program!";  //打印语句  
echo phpinfo();                 //phpinfo()系统函数,输出环境信息  
?&gt;  
&lt;/body&gt;  
&lt;/html&gt;  
</pre>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130316665.png" alt="" /></p>
<p>说明：</p>
<pre>
#PHP（Hypertext Preprocessor）。  
#PHP 是一种 HTML 内嵌式的语言，PHP 与微软的 ASP 颇有几分相似，都是一种在服务器端执行的嵌入 HTML 文档的脚本语言。  
#PHP 语言的风格类似于 C 语言，现在被很多的网站编程人员广泛地运用。  
#PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI 或者 Perl 更快速地执行动态网页。  
#与其他的编程语言相比，PHP 是将程序嵌入到 HTML 文档中去执行，执行效率比完全生成 HTML 标记的 CGI 要高许多。  
#与同样是嵌入 HTML 文档的脚本语言 JavaScript 相比，PHP 在服务器端执行，充分利用了服务器的性能。  
#PHP 执行引擎还会将用户经常访问的 PHP 程序驻留在内存中，其他用户再一次访问这个程序时就不需要重新编译程序了，只要直接执行内存中的代码就可以了，这也是 PHP 高效率的体现之一。  
#PHP 具有非常强大的功能，所有的 CGI 或者 JavaScript 的功能，PHP 都能实现，而且几乎支持所有流行的数据库以及操作系统。   
</pre>
<h2>07. JavaScript</h2>
<p>环境: node.js 或 jaxer</p>
<p>node下载链接: <a href="http://nodejs.org/download/" target="_blank">http://nodejs.org/download/</a>&nbsp; 按提示，下载自己想要的文件即可。</p>
<pre>
D:\&gt;node -v      
v0.10.33  
</pre>
<p>代码：</p>
<pre>
var sys = require("sys");    #导入需要的 sys 模块  
sys.puts("Hello,World!");    #调用里面的 puts 函数来打印字符串  
</pre>
<p>说明：</p>
<pre>
D:\&gt;node HelloWorld.js       #node + *.js，执行  
Hello,World!  
#JavaScript 是 Web 的编程语言。  
#所有现代的 HTML 页面都使用 JavaScript。  
#JavaScript 非常容易学。  
</pre>
<h2>08. Ruby</h2>
<p>环境: ruby 1.9.3</p>
<pre>
D:\HelloWorld&gt;ruby -v  
ruby 1.9.3p429 (2013-05-15) [i386-mingw32]
</pre>
<p>代码：</p>
<pre>
#可用 print 语句打印  
print "Hello,World!\n"   
#可用 puts 语句打印  
puts  "Hello,World!\n"   
#可以先声明一个变量，然后再用 puts 语句  
a = "Hello,World!\n"     
puts a  
#可以先写个函数再调用  
def say(name)  
   "Hello,#{name}"  
end  
puts say("World!")
</pre>
<p>说明：</p>
<pre>
D:\HelloWorld&gt;ruby HelloWorld.rb     #运行方式类似 Python、Perl  
Hello,World!  
Hello,World!  
Hello,World!  
Hello,World!  
</pre>
<h2>09. R</h2>
<p>环境：R-3.1.2-win（适用于32、64位），分别有相应的 GUI<br />
<pre>
C:\&gt;R                  #安装好了之后，输入 R 后显示  
  
R version 3.1.2 (2014-10-31) -- "Pumpkin Helmet"  
Copyright (C) 2014 The R Foundation for Statistical Computing  
Platform: i386-w64-mingw32/i386 (32-bit)  
  
R  
  
'license()''licence()'  
  
R.  
'contributors()'  
'citation()'RR  
  
'demo()''help()'  
'help.start()'HTML  
'q()'R.  
</pre>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130350743.png" alt="" /></p>
<p>代码：</p>
<pre>
print("Hello,World!")
</pre>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130406003.png" alt="" /></p>
<p>说明：</p>
<p>R 语言，一种自由软件编程语言与操作环境，主要用于统计分析、绘图、数据挖掘。</p>
<p>下面是安装下载比较详细的步骤参见：</p>
<p><a href="http://www.jb51.net/os/RedHat/335436.html" target="_blank">http://www.jb51.net/os/RedHat/335436.html</a></p>
<h2>10. SQL</h2>
<p>环境： ORACLE SQL/PLUS</p>
<p>代码：</p>
<pre>
SQL&gt; select 'Hello,World!' from dual;  
  
'HELLO,WORLD  
------------  
Hello,World!  
</pre>
<p>说明：</p>
<p>还可以建一个表，插入，再查询，最后删除该表。</p>
<pre>
SQL&gt; CREATE TABLE MESSAGE (TEXT CHAR(15));            #创建表  
INSERT INTO MESSAGE (TEXT) VALUES ('Hello, world!');  #插入表  
SELECT TEXT FROM MESSAGE;                             #查询表  
DROP TABLE MESSAGE;                                   #删除表               
Table created.  
  
SQL&gt;  
1 row created.  
  
SQL&gt;  
TEXT  
---------------  
Hello, world!  
</pre>
<h2>11. Perl</h2>
<p>环境：Perl 5.16 或 MinGW</p>
<p>下载 URL：<a href="http://www.activestate.com/activeperl/downloads" target="_blank">http://www.activestate.com/activeperl/downloads</a></p>
<pre>
D:\HelloWorld&gt;perl -v  
  
This is perl 5, version 16, subversion 3 (v5.16.3) built for MSWin32-x86-multi-thread  
(with 1 registered patch, see perl -V for more detail)  
  
Copyright 1987-2012, Larry Wall  
  
Binary build 1603 [296746] provided by ActiveState http://www.ActiveState.com  
Built Mar 13 2013 11:29:21  
  
Perl may be copied only under the terms of either the Artistic License or the  
GNU General Public License, which may be found in the Perl 5 source kit.  
  
Complete documentation for Perl, including FAQ lists, should be found on  
this system using "man perl" or "perldoc perl".  If you have access to the  
Internet, point your browser at http://www.perl.org/, the Perl Home Page. 
</pre>
<p>代码：</p>
<pre>
#!C:\Perl\bin                    #Windows 平台下  
#!/usr/bin/env perl              #Linux 环境下  
print "Hello,World!\n";          #print("Hello,World") 也可   
</pre>
<p>输出结果：<br />
<pre>
D:\HelloWorld&gt;perl HelloWorld.pl #类似于 python file.py  
Hello,World!  
</pre>
<p>说明：</p>
<pre>
#Perl 5.10 及以上的版本可以用  
use 5.010;  
say "Hello,World!";  
</pre>
<h2>12. HTML</h2>
<p>环境：HTML 或 HTML 5.0</p>
<p>代码：</p>
<pre>
&lt;!DOCTYPE html&gt;  
&lt;html&gt;  
&lt;body&gt;  
&lt;h1&gt;This is the first program!&lt;/h1&gt;  
&lt;p&gt;Hello,World!&lt;/p&gt;  
&lt;/body&gt;  
&lt;/html&gt;
</pre>
<p>说明：</p>
<p>大多数主流浏览器都支持 HTML4.0，有些浏览器只支持 HTML5.0 的部分功能。</p>
<h2>13. VB</h2>
<p>环境：</p>
<pre>
VBC version 8.0.5
D:\Learn\C&gt;vbc -v  
Microsoft (R) Visual Basic Compiler version 8.0.50727.5483  
for Microsoft (R) .NET Framework version 2.0.50727.5485  
Copyright (c) Microsoft Corporation.  All rights reserved.  
  
vbc : Command line warning BC2007 : unrecognized option 'v'; ignored  
vbc : Command line error BC2008 : no input sources specified  
</pre>
<p>代码：</p>
<pre>
'FileName: HelloWorld.rb  rb 作为 VB 源文件的后缀  
Module Hello    
  Sub Main()               '程序人口函数  
    MsgBox("Hello,World!") '计算机屏幕上显示信息  
  End Sub                  'End 作为程序块结尾  
End Module                 '单引号作为注释  
</pre>
<p>说明：</p>
<pre>
D:\&gt;vbc HelloWorld.vb      #vbs 来编译，生成 HelloWorld.exe 可执行文件  
Microsoft (R) Visual Basic Compiler version 8.0.50727.5483  
for Microsoft (R) .NET Framework version 2.0.50727.5485  
Copyright (c) Microsoft Corporation.  All rights reserved.  
D:\&gt;HelloWorld 
</pre>
<h2>14. Scala</h2>
<p>环境：scala-2.11.4.msi 编译器</p>
<pre>
d:\&gt;scala  
Welcome to Scala version 2.11.4 (Java HotSpot(TM) Client VM, Java 1.7.0_51).  
Type in expressions to have them evaluated.  
Type :help for more information.  
  
scala&gt; println("Hello,World!");   #可在交互式界面执行 println 语句，很像 java  
Hello,World!  
</pre>
<p>代码：</p>
<pre>
object HelloWorld  
{  
  def main(args:Array[String])   
  {  
     println("Hello,World!");  
  }  
}  
//编译  
d:\HelloWorld&gt;scala HelloWorld.scala  
Hello,World!  
</pre>
<p>说明：</p>
<p>Scala 是一门把面向对象和函数式编程思想加入静态类型中的编程语言，志在以简练、优雅及类型安全的方式来表达常用编程模式。它平滑地集成了面向对象和函数语言的特性，使 Java 和其他语言的程序员使用 Scala 时更富有成效。</p>
<h2>15. Shell</h2>
<p>环境：Linux/Unix 平台，或安装了 MinGW 和 MSYS 的 Windows 平台</p>
<p>代码：</p>
<pre>
#安装了MinGW和MSYS的Windows平台  
D:\HelloWorld&gt;echo "Hello,World!"  
"Hello,World!"  
#Linux平台下  
#echo "Hello,World!"   或 printf "Hello,World!"  
#如果是写在文件中:  
chmod +x  HelloWorld.sh  
./HelloWorld.sh
</pre>
<p>说明：</p>
<pre>
#Shell 诞生于 Unix，是与 Linux/Unix 交互的工具，单独地学习 Shell 是没有意义的，必须先学习 Linux/Unix。  
#Shell 虽然是 Unix 的第一个脚本语言，但它是相当优秀的。它结合了延展性与效率，持续保有独具的特色，并不断的被改良，功能更加强大。  
#缺点：Shell 需要依赖其他程序才能完成大部分的工作，优点：简洁的脚本语言标记方式，比 C 语言编写的程序执行更快、更有效率。
</pre>
<h2>16. Delphi</h2>
<p>环境：Delphi 7</p>
<p>代码:</p>
<p>[File|New|Application]--&gt;拖一个Button、一个Label--&gt;双击Button，编码如下：</p>
<pre>
procedure TForm1.Button1Click(Sender: TObject);  
begin  
  label1.Caption := 'Hello,World!';  
end;  
  
procedure TForm1.FormCreate(Sender: TObject);  
begin  
  
end;  
  
end.  
</pre>
<p>说明：</p>
<p>
Delphi，是 Windows 平台下著名的快速应用程序开发工具（Rapid Application Development，简称 RAD）。<br />
似乎很多人都觉得 Delphi 已经没落了、过时了（我身边有好多同事都没听过 Delphi）。<br />
但我不这么认为，"真正的程序员用 C，聪明的程序员用 Delphi"，经典无需多言，尤其是开发GUI程序，拖一下就 OK 了！！！
</p>
<h2>17. Fortran</h2>
<p>环境：Linux 或者安装了 MinGW 的 Windows 平台</p>
<pre>
D:\HelloWorld&gt;gfortran -v  
Using built-in specs.  
COLLECT_GCC=gfortran  
COLLECT_LTO_WRAPPER=c:/mingw/bin/../libexec/gcc/mingw32/4.8.1/lto-wrapper.exe  
Target: mingw32  
Configured with: ../gcc-4.8.1/configure --prefix=/mingw --host=mingw32 --build=mingw32 --without-pic  
 --enable-shared --enable-static --with-gnu-ld --enable-lto --enable-libssp --disable-multilib --ena  
ble-languages=c,c++,fortran,objc,obj-c++,ada --disable-sjlj-exceptions --with-dwarf2 --disable-win32  
-registry --enable-libstdcxx-debug --enable-version-specific-runtime-libs --with-gmp=/usr/src/pkg/gm  
p-5.1.2-1-mingw32-src/bld --with-mpc=/usr/src/pkg/mpc-1.0.1-1-mingw32-src/bld --with-mpfr= --with-sy  
stem-zlib --with-gnu-as --enable-decimal-float=yes --enable-libgomp --enable-threads --with-libiconv  
-prefix=/mingw32 --with-libintl-prefix=/mingw --disable-bootstrap LDFLAGS=-s CFLAGS=-D_USE_32BIT_TIM  
E_T  
Thread model: win32  
gcc version 4.8.1 (GCC)  
</pre>
<p>代码：</p>
<pre>
       program hello
          print *, "Hello World!"
       end program hello
</pre>
<p>说明：</p>
<p>Fortran 是最早出现的计算机语言，主要用于科学及工程计算领域，这一点和 Python 相同。</p>
<pre>
D:\HelloWorld&gt;gfortran -ffree-form HelloWorld.f -o out.exe  #-ffree-form 自由格式 -o 后面是输出文件  
#后缀名可以为.f, .F, .f90, .fpp. 如果是 .f90 结尾的文件，可以不用 -ffree-form，因为该后缀结尾的文件默认是自由格式  
D:\HelloWorld&gt;out      #如果是 .f 结尾的话，必须要加上，否则报错  
Hello World!  
</pre>
<h2>18. TCL</h2>
<p>环境：Linux 或带有 WinGW 的 Windows 平台<br />
<p>代码：</p>
<pre>
#命令行交互方式  
D:\&gt;tclsh  
% puts "Hello,World!"  
Hello,World!  
% exit  
D:&gt;  
#文件方式运行  
#!/usr/local/bin/tcl  
puts "Hello, world!"  
D:\&gt;tclsh HelloWorld.tcl  
Hello,World!  
</pre>
<p>说明：</p>
<p>
1. 文件名后缀 .tcl 编译器为 tclsh（命令方式显示）或 wish（GUI方式显示）。<br />
2. TCL（Tool Command Language）一种通用的脚本语言，几乎在所有平台都能运行，功能非常强。
</p>
<h2>19. FoxPro</h2>
<p>环境：VFP9.0</p>
<p>代码：</p>
<pre>
?"Hello,World!"  
</pre>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130502296.png" alt="" /></p>
<p>说明：</p>
<p>尽管编译、运行都通过了，GUI 界面仍然不知道如何显示编译后的结果，还是在命令行界面里运行 .FXP 文件才显示的结果。<br />
Visual FoxPro 原名 FoxBase，最初是由美国 Fox Software 公司于 1988 年推出的数据库产品，在 DOS 上运行，与 xBase 系列兼容。FoxPro 是 FoxBase 的加强版，最高版本曾出过 2.6。之后于 1992 年，Fox Software 公司被 Microsoft 收购，加以发展，使其可以在 Windows 上运行，并且更名为 Visual FoxPro。FoxPro 比 FoxBASE 在功能和性能上又有了很大的改进，主要是引入了窗口、按纽、列表框和文本框等控件，进一步提高了系统的开发能力。</p>
<h2>20. Ada</h2>
<p>环境：ADA95 的 gnat 编译器<br />
<pre>
d:\HelloWorld&gt;gnat  
GNAT 4.8.1  
Copyright 1996-2013, Free Software Foundation, Inc.  
  
List of available commands  
  
gnat bind               gnatbind  
gnat chop               gnatchop  
gnat clean              gnatclean  
gnat compile            gnatmake -f -u -c  
gnat check              gnatcheck  
gnat elim               gnatelim  
gnat find               gnatfind  
gnat krunch             gnatkr  
gnat link               gnatlink  
gnat list               gnatls  
gnat make               gnatmake  
gnat metric             gnatmetric  
gnat name               gnatname  
gnat preprocess         gnatprep  
gnat pretty             gnatpp  
gnat stack              gnatstack  
gnat stub               gnatstub  
gnat test               gnattest  
gnat xref               gnatxref  
</pre>
<p>代码：</p>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130523026.png" alt="" /></p>
<p>说明：</p>
<p>Ada 是一种表现能力很强的通用程序设计语言，它是美国国防部为克服软件开发危机而研发的。在经过除去 # 行获得最终处理过的文件后即可交由 GNAT 编译。</p>
<h2>21. AWK</h2>
<p>环境：Linux/Unix 平台，或安装了 MinGW 和 MSYS 的 Windows 平台</p>
<p>代码：</p>
<pre>
[root@Linux ~]# echo | awk '{print "Hello,World!"}'  
Hello,World!  
[root@Linux ~]# echo | awk 'BEGIN {print "Hello,World!"}'
Hello,World!  
[root@Linux ~]# awk 'BEGIN {print "Hello,World!"}'  
Hello,World!  
[root@Linux ~]# echo "hello world" | awk '{print}'  
hello world  
</pre>
<p>说明：</p>
<pre>
#AWK 是一种优良的文本处理工具。它不仅是 Linux 中也是任何环境中现有的功能最强大的数据处理引擎之一。&lt;br /&gt;
#AWK 名称得自于它的创始人，分别是 Alfred Aho、Peter Weinberger 和 Brian Kernighan 姓氏的首个字母。&lt;br /&gt;
#AWK 提供了极其强大的功能：可以进行样式装入、流控制、数学运算符、进程控制语句甚至于内置的变量和函数。它具备了一个完整的语言所应具有的几乎所有精美特性。
</pre>
<h2>22. Sed</h2>
<p>环境：Linux/Unix</p>
<p>代码：</p>
<pre>
# sed -ne '1s/.*/Hello, world!/p'  
Hello,World!                     #第一行为输入  
Hello, world!                    #  
</pre>
<p>说明：</p>
<p>sed 流编辑器，和 awk、正则表达式等一起，是编写 Linux 脚本中非常有用的工具。</p>
<h2>23. Pascal</h2>
<p>环境：Free Pacal IDE</p>
<p>代码：</p>
<pre>
Program HelloWorld(output);  
begin  
  writeln('Hello, world!') 

 {程序块的最后一条语句后不需要";" - 如果添加一个";"，会在程序中增加一个&ldquo;空语句&rdquo;}  
end.
</pre>
<p>说明：</p>
<p>Pascal 程序开始于外部文件描述符作为参数的 program 关键字；然后跟着 begin 和 end 关键字封装的主要块。分号分区语句，句点终结整个程序（或单元）。Pascal 源代码是大小写不敏感的。这里是一个非常简单的"Hello world"程序示例的源代码，在实际编程中，通常可以省略第一行的output。从语法整理上来看，很像 Delphi，基本上是一个等级的。另外，FPC 编译器安装后，居然显示是乱码，看来还是要下载（Turbo Pascal）更经典些，不过听说 Turbo Pascal 下载比较难，再说，能不能在 WIN*64 位的平台编译也不知道，就下了个 FPC 用用。</p>
<h2>24. Prolog</h2>
<p>环境：SWI-PrologPortable 编译器</p>
<p>代码：</p>
<pre>
write("Hello,World!").    
#注意，句末有点号 
</pre>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130555345.png" alt="" /></p>
<p>说明：</p>
<p>Prolog（Programming in Logic）是一种逻辑编程语言。它建立在逻辑学的理论基础之上，最初被运用于自然语言等研究领域。现已广泛地应用在人工智能的研究中，可以用来建造专家系统、自然语言理解、智能知识库等。</p>
<h2>附录:</h2>
<p>IEEE Spectrum 根据十多个数据来源，对各大编程语言的使用普及率进行了统计，公布了 2014 年编程语言总排行榜前二十名、Web 开发语言排行榜前十名以及移动应用开发语言排行榜前十名。统计数据结果如下:</p>
<p><b>总排行榜：</b></p>
<p><img decoding="async" src="//www.runoob.com/wp-content/uploads/2015/06/201563130612265.png" alt="" /></p>
<p><b>Web 开发排行 TOP10：</b></p>
<ol>
	<li>Java</li>
	<li>Python</li>
	<li>C#</li>
	<li>PHP</li>
	<li>JavaScript</li>
	<li>Ruby</li>
	<li>Perl</li>
	<li>HTML</li>
	<li>Scala</li>
	<li>Go</li>
</ol>
<p><b>移动应用开发语言排行 TOP10：</b></p>
<ol>
	<li>Java</li>
	<li>C</li>
	<li>C++</li>
	<li>C#</li>
	<li>JavaScript</li>
	<li>Objective-C</li>
	<li>Scala</li>
	<li>Delphi</li>
	<li>Scheme</li>
	<li>ActionScript</li>
</ol>
<p>以上统计数据分别来自 Google 搜索结果、Google 趋势分析、推特、GitHub 库、StackOverflow 问答、Reddit 文章、Hacker News、Career Builder、ice job 以及 IEEE 期刊论文等。</p>				</div>
			</div>
			<div class="previous-next-links">
			<div class="previous-design-link">← <a href="../w3cnote/php-ajax-xmlhttprequest.html" rel="prev"> PHP Ajax文件异步上传代码（XMLHttpRequest）</a> </div>
			<div class="next-design-link"><a href="../w3cnote/html-30-minutes-introductory-tutorial.html" rel="next"> HTML 30分钟入门教程</a> →</div>
			</div>
			<style>
.wrapper {
  /*text-transform: uppercase; */
  background: #ececec;
  color: #555;
  cursor: help;
  font-family: "Gill Sans", Impact, sans-serif;
  font-size: 20px;
  position: relative;
  text-align: center;
  width: 200px;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.wrapper .tooltip {
  white-space: nowrap;
  font-size: 14px;
  text-align: left;
  background: #96b97d;
  bottom: 100%;
  color: #fff;
  display: block;
  left: -25px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 14px;
  pointer-events: none;
  position: absolute;
  
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.tooltip a {
	color:#fff;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #96b97d 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 20%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.wrapper .tooltip1 {
	margin-left: 50px;
	padding-top: 0px;
}
/*
.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}
*/
/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip {
  display: block;
}

</style>

<link rel="stylesheet" href="../0/upvotejs.css">
<script src=""></script>
<script src=""></script>
<div id="respond" class="no_webshot"> 
		<div class="comment-signarea" style=" padding: 20px 20px;"> 
	<h3 class="text-muted" id="share_code" style="color: #799961;"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 点我分享笔记</h3>
	<!--
	<p style="font-size:14px;">笔记需要是本篇文章的内容扩展！</p><br>
	<p style="font-size:12px;"><a href="../tougao" target="_blank">文章投稿，可点击这里</a></p>
	<p style="font-size:14px;"><a href="../w3cnote/runoob-user-test-intro.html#invite" target="_blank">注册邀请码获取方式</a></p>
		<h3 class="text-muted"><i class="fa fa-info-circle" aria-hidden="true"></i> 分享笔记前必须<a href="javascript:;" class="runoob-pop">登录</a>！</h3>
		<p><a href="../w3cnote/runoob-user-test-intro.html#invite" target="_blank">注册邀请码获取方式</a></p>-->
	</div>
		
	<form action="/wp-content/themes/runoob/option/addnote.php" method="post" id="commentform" style="display:none;">
		<div class="comt">
			<div class="comt-title">
				<i style="font-size:36px;" class="fa fa-user-circle" aria-hidden="true"></i>				<p><a id="cancel-comment-reply-link" href="javascript:;">取消</a></p>
			</div>
			<div class="comt-box">
			<div id="mded"></div>
			
				<div class="comt-ctrl">
					<div class="comt-tips"><input type='hidden' name='comment_post_ID' value='12047' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</div>
					<button type="submit" name="submit" id="submit" tabindex="5"><i class="fa fa-pencil" aria-hidden="true"></i> 分享笔记</button>
				</div>
			</div>
		
				
					<div class="comt-comterinfo"> 
						<ul id="comment-author-info">
							<li class="form-inline"><label class="hide" for="author">昵称</label><input class="ipt" type="text" name="author" id="author" value="" tabindex="2" placeholder="昵称"><span class="text-muted">昵称 (必填)</span></li>
							<li class="form-inline"><label class="hide" for="email">邮箱</label><input class="ipt" type="text" name="email" id="email" value="" tabindex="3" placeholder="邮箱"><span class="text-muted">邮箱 (必填)</span></li>
							<li class="form-inline"><label class="hide" for="url">引用地址</label><input class="ipt" type="text" name="url" id="url" value="" tabindex="4" placeholder="引用地址"><span class="text-muted">引用地址</span></li>
						</ul>
					</div>
				
			
		</div>

	</form>
	</div>
<script type="text/javascript">
$(function() {
	//初始化编辑器
	
	var editor = new Simditor({
	  textarea: $('#mded'),
	  placeholder: '写笔记...',
	  upload:false,
	 // upload: {url:'/api/comment_upload_file.php',params: null,fileKey: 'upload_file',connectionCount: 1,leaveConfirm: '文件正在上传，您确定离开?'},
	  defaultImage: 'https://www.runoob.com/images/logo.png',
	  codeLanguages: '',
	  autosave: 'editor-content',
	  toolbar: [  'bold','code','ul','ol','image' ]
	});
	editor.on('selectionchanged', function() {
		$(".code-popover").hide();
	});

	// 提交数据
	$("#share_code").click(function() {
		$(".comment-signarea").hide();
		$("#commentform").show();
		
	});
	$("#user_add_note").click(function() {
		$(".comment-signarea").hide();
		$("#commentform").show();
		$('html, body').animate({
       	    scrollTop: $("#respond").offset().top
    	}, 200);
	});

	// 提交笔记
	var commentform=$('#commentform');
	commentform.prepend('<div id="comment-status" style="display:none;" ></div>');
	var statusdiv=$('#comment-status');
	
	commentform.submit(function(e){
		e.preventDefault();
		var noteContent = editor.getValue();
		// console.log(noteContent);
		noteContent = noteContent.replace(/<pre><code>/g,"<pre>");
		noteContent = noteContent.replace(/<\/code><\/pre>/g,"</pre>");
		
		// 系列化表单数据
		var comment_parent = 0;
		var is_user_logged_in = $("#is_user_logged_in").val();
		var comment_post_ID =  12047;
		var _wp_unfiltered_html_comment = $("#_wp_unfiltered_html_comment").val();
		var comment = noteContent;
		var author = $("#author").val();
		var url = $("#url").val();
		var email = $("#email").val();
		if(isBlank(author) && is_user_logged_in==0) {
			statusdiv.html('<p  class="ajax-error">请输入昵称！</p>').show();
		} else if(isBlank(email)  && is_user_logged_in==0) {
			statusdiv.html('<p  class="ajax-error">请输入邮箱！</p>').show();
		} else {
			// var formdata=commentform.serialize() + "&comment=" + noteContent ;
			// 添加状态信息
			statusdiv.html('<p>Processing...</p>').show();
			// 获取表单提交地址
			var formurl=commentform.attr('action');
			
			// 异步提交
			$.ajax({
					type: 'post',
					url: formurl,
					dataType:'json',
					data: {"comment_parent":comment_parent,"comment_post_ID":comment_post_ID, "_wp_unfiltered_html_comment":_wp_unfiltered_html_comment,"comment":comment,"url":url, "email":email,"author":author},
					error: function(XMLHttpRequest, textStatus, errorThrown){
					statusdiv.html('<p class="ajax-error" >数据不完整或表单提交太快了！</p>').show();
				},
				success: function(data, textStatus){
					if(data.errorno=="0") {
						$("#submit").prop('disabled', true);
						statusdiv.html('<p class="ajax-success" >笔记已提交审核，感谢分享笔记！</p>').show();
						alert('笔记已提交审核，感谢分享笔记！');
					}else{
						statusdiv.html('<p class="ajax-error" >'+data.msg+'</p>').show();
					}
					commentform.find('textarea[name=comment]').val('');
				}
			});
			setTimeout(function(){
		        $("#submit").prop('disabled', false);
		    }, 10*1000);
		}
		return false;

	});
	$(".comt-author").click(function() {
		href = $(this).children("a").attr("href");
		if(href.indexOf("/note/")!=-1) {
			var win = window.open(href, '_blank');
  			win.focus();
		}
	});
	$(".comt-meta span").hover(function(){
		$(this).children(".tooltip").css({ "opacity": 1, "pointer-events": "auto"});
	},function(){
		$(this).children(".tooltip").removeAttr("style");
	});
	/*
	$(".wrapper i").hover(function(){
		$(this).siblings(".tooltip").css({ "opacity": 1, "pointer-events": "auto"});
	},function(){
		$(this).siblings(".tooltip").css({ "opacity": 0, "pointer-events": "auto"});
	});
	*/
	//Upvote.create('runoobvote-id', {callback: vote_callback});
	var ajaxurl = 'https://www.runoob.com/wp-admin/admin-ajax.php';
	var callback = function(data) {
		//console.log($('#runoobvote-id').upvote('upvoted'));
		//console.log($('#runoobvote-id').upvote('downvoted'));
		//console.log(data);
		_vote_action = data.action;
		id_arr = data.id.split('-');
		um_id= id_arr[2];
		//console.log(um_id);
		
		var re = /^[1-9]+/;
		if (re.test(um_id)) { 
			var ajax_data = {
				_vote_action: _vote_action,
				action: "pinglun_zan",
				um_id: um_id,
				um_action: "ding"
			};
			//console.log(ajax_data);
			$.post(ajaxurl,ajax_data,function(status){
				//if(status.vote_num>999) {
				//	_voteHtml = '<span style="display: block; text-align: center;font-size: 20px; color: #6a737c; margin: 8px 0;">'+kFormatter(status.vote_num) +'</span>';
				//	$("#runoobvote-id-" + um_id + " .count").hide().after(_voteHtml);
				//}
				
			});
		}
	};
	if($('#comments').length && $('.upvotejs').length){
		$('.upvotejs').upvote({id: 12047, callback: callback});
	
		$.post(ajaxurl,{"action":"pinglun_zan","postid":12047},function(data){  
			$(data).each(function(key,value) {
				$("#runoobvote-id-" + value.commid + " .upvote").addClass(value.upvotejs_class);
				$("#runoobvote-id-" + value.commid + " .downvote").addClass(value.downvote_class);
				$("#runoobvote-id-" + value.commid + " .count").text(value.upvote_count);
			})
		},'json');
		
	}
	
	
});
function isBlank(str) {
    return (!str || /^\s*$/.test(str));
}
function kFormatter(num) {
	// return num;
    return Math.abs(num) > 999 ? Math.sign(num)*((Math.abs(num)/1000).toFixed(1)) + 'k' : Math.sign(num)*Math.abs(num)
}

</script>

<link rel="stylesheet" href="../0/qa.css?1.44">
<link rel="stylesheet" type="text/css" href="../0/simditor.min.css" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
			<div class="article-heading-ad" id="w3cnote-ad728">
			<script async src=""></script>
			<!-- 移动版 自动调整 -->
			<ins class="adsbygoogle"
			     style="display:inline-block;min-width:300px;max-width:970px;width:100%;height:90px"
			     data-ad-client="ca-pub-5751451760833794"
			     data-ad-slot="1691338467"
			     data-ad-format="horizontal"></ins>
			<script>
			(adsbygoogle = window.adsbygoogle || []).push({});
			</script>
			</div>
			<style>
@media screen and (max-width: 768px) {
	#w3cnote-ad728 {
		display: none;
	}
}
p.note-author {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
    color: #78a15a;
    padding-bottom: 2px;
    margin-bottom: 4px;
}
</style>
<script>
var aid = 12047;
</script>
	</div>
		
	</div>
	<div class="listcol last right-column">




<!--
	<div class="tab tab-light-blue"> 订阅</div>
	<div class="sidebar-box">
		<div class="socialicons">
			<a href="../feed" class="rss">RSS 订阅</a>
		
			<form action="//list.qq.com/cgi-bin/qf_compose_send" method="post">
			<input type="hidden" value="qf_booked_feedback" name="t">
			<input type="hidden" value="4b67b6b6c1f5e792559940cab4aebb8f1126fba880bff1a8" name="id">
			<input class="placeholder" id="feed_email" name="to" value="输入邮箱 订阅笔记" autocomplete="off">
			<input type="submit" value="订阅" class="btn btn-primary">
			</form>
		
		</div>
 
	</div>
-->	



<!--
	<div class="sidebar-box cate-list">
	<div class="sidebar-box recommend-here list-link">
			<a href="javascript:void(0);" style="font-size: 16px; color:#64854c;font-weight:bold;">笔记列表</a>
		</div>

 

</div>
-->

	 <div class="sidebar-box cate-list">
		 		

	 	<div class="sidebar-box recommend-here list-link">
			<a href="javascript:void(0);" style="font-size: 16px; color:#64854c;font-weight:bold;">教程列表</a>
		</div>
		
		<div class="cate-items"> 
				<a href="../ado">ADO 教程</a>
	<a href="../ajax">Ajax 教程</a>
	<a href="../android">Android 教程</a>
	<a href="../angularjs2">Angular2 教程</a>
	<a href="../angularjs">AngularJS 教程</a>
	<a href="../appml">AppML 教程</a>
	<a href="../asp">ASP 教程</a>
	<a href="../aspnet">ASP.NET 教程</a>
	<a href="../bootstrap">Bootstrap 教程</a>
	<a href="../bootstrap4">Bootstrap4 教程</a>
	<a href="../bootstrap5">Bootstrap5 教程</a>
	<a href="../cprogramming">C 教程</a>
	<a href="../csharp">C# 教程</a>
	<a href="../cplusplus">C++ 教程</a>
	<a href="../chartjs">Chart.js 教程</a>
	<a href="../cssref">CSS 参考手册</a>
	<a href="../css">CSS 教程</a>
	<a href="../css3">CSS3 教程</a>
	<a href="../django">Django 教程</a>
	<a href="../docker">Docker 教程</a>
	<a href="../dtd">DTD 教程</a>
	<a href="../echarts">ECharts 教程</a>
	<a href="../eclipse">Eclipse 教程</a>
	<a href="../firebug">Firebug 教程</a>
	<a href="../font-awesome">Font Awesome 图标</a>
	<a href="../foundation">Foundation 教程</a>
	<a href="../git">Git 教程</a>
	<a href="../go">Go 语言教程</a>
	<a href="../googleapi">Google 地图 API 教程</a>
	<a href="../highcharts">Highcharts 教程</a>
	<a href="../htmldom">HTML DOM 教程</a>
	<a href="../tags">HTML 参考手册</a>
	<a href="../charsets">HTML 字符集</a>
	<a href="../html">HTML 教程</a>
	<a href="../http">HTTP 教程</a>
	<a href="../ionic">ionic 教程</a>
	<a href="../ios">iOS 教程</a>
	<a href="../java">Java 教程</a>
	<a href="../jsref">JavaScript 参考手册</a>
	<a href="../js">Javascript 教程</a>
	<a href="../jeasyui">jQuery EasyUI 教程</a>
	<a href="../jquerymobile">jQuery Mobile 教程</a>
	<a href="../jqueryui">jQuery UI 教程</a>
	<a href="../jquery">jQuery 教程</a>
	<a href="../json">JSON 教程</a>
	<a href="../jsp">JSP 教程</a>
	<a href="../julia">Julia 教程</a>
	<a href="../kotlin">Kotlin 教程</a>
	<a href="../linux">Linux 教程</a>
	<a href="../lua">Lua 教程</a>
	<a href="../markdown">Markdown 教程</a>
	<a href="../matplotlib">Matplotlib 教程</a>
	<a href="../maven">Maven 教程</a>
	<a href="../memcached">Memcached 教程</a>
	<a href="../mongodb">MongoDB 教程</a>
	<a href="../mysql">MySQL 教程</a>
	<a href="../nodejs">Node.js 教程</a>
	<a href="../numpy">NumPy 教程</a>
	<a href="../pandas">Pandas 教程</a>
	<a href="../perl">Perl 教程</a>
	<a href="../php">PHP 教程</a>
	<a href="../postgresql">PostgreSQL 教程</a>
	<a href="../python3">Python 3 教程</a>
	<a href="../python">Python 基础教程</a>
	<a href="../r">R 教程</a>
	<a href="../rdf">RDF 教程</a>
	<a href="../react">React 教程</a>
	<a href="../redis">Redis 教程</a>
	<a href="../rss">RSS 教程</a>
	<a href="../ruby">Ruby 教程</a>
	<a href="../rust">Rust 教程</a>
	<a href="../sass">Sass 教程</a>
	<a href="../scala">Scala 教程</a>
	<a href="../scipy">SciPy 教程</a>
	<a href="../servlet">Servlet 教程</a>
	<a href="../soap">SOAP 教程</a>
	<a href="../sql">SQL 教程</a>
	<a href="../sqlite">SQLite 教程</a>
	<a href="../svg">SVG 教程</a>
	<a href="../svn">SVN 教程</a>
	<a href="../swift">Swift 教程</a>
	<a href="../tcpip">TCP/IP 教程</a>
	<a href="../typescript">TypeScript 教程</a>
	<a href="../vbscript">VBScript 教程</a>
	<a href="../vue2">Vue.js 教程</a>
	<a href="../vue3">Vue3 教程</a>
	<a href="../w3c">W3C 教程</a>
	<a href="../webservices">Web Service 教程</a>
	<a href="../wsdl">WSDL 教程</a>
	<a href="../xlink">XLink 教程</a>
	<a href="../dom">XML DOM 教程</a>
	<a href="../schema">XML Schema 教程</a>
	<a href="../xml">XML 教程</a>
	<a href="../xpath">XPath 教程</a>
	<a href="../xquery">XQuery 教程</a>
	<a href="../xslfo">XSLFO 教程</a>
	<a href="../xsl">XSLT 教程</a>
	<a href="../data-structures">数据结构</a>
	<a href="../regexp">正则表达式</a>
	<a href="../quiz">测验</a>
	<a href="../browsers">浏览器</a>
	<a href="../quality">网站品质</a>
	<a href="../web">网站建设指南</a>
	<a href="../hosting">网站服务器教程</a>
	<a href="../design-pattern">设计模式</a>
			
		</div> 
		 	 </div>
</div>
	</div>
</div>


<!-- 底部 -->
<div id="footer" class="mar-t50">
   <div class="runoob-block">
    <div class="runoob cf">
     <dl>
      <dt>
       在线实例
      </dt>
      <dd>
       &middot;<a target="_blank" href="../html/html-examples.html">HTML 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../css/css-examples.html">CSS 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../js/js-examples.html">JavaScript 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../ajx/ajax-examples.html">Ajax 实例</a>
      </dd>
       <dd>
       &middot;<a target="_blank" href="../jquery/jquery-examples.html">jQuery 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../xml/xml-examples.html">XML 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="../java/java-examples.html">Java 实例</a>
      </dd>
     
     </dl>
     <dl>
      <dt>
      字符集&工具
      </dt>
      <dd>
       &middot; <a target="_blank" href="../charsets/html-charsets.html">HTML 字符集设置</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="../tags/html-ascii.html">HTML ASCII 字符集</a>
      </dd>
     <dd>
       &middot; <a target="_blank" href="https://c.runoob.com/front-end/6939/">JS 混淆/加密</a>
      </dd> 
      <dd>
       &middot; <a target="_blank" href="https://c.runoob.com/front-end/6232/">PNG/JPEG 图片压缩</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="../tags/html-colorpicker.html">HTML 拾色器</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="..//c.runoob.com/front-end/53">JSON 格式化工具</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="..//c.runoob.com/front-end/6680/">随机数生成器</a>
      </dd>
     </dl>
     <dl>
      <dt>
       最新更新
      </dt>
                   <dd>
       &middot;
      <a href="../matplotlib/matplotlib-imread.html" title="Matplotlib imread() 方法">Matplotlib imre...</a>
      </dd>
              <dd>
       &middot;
      <a href="../matplotlib/matplotlib-imsave.html" title="Matplotlib imsave() 方法">Matplotlib imsa...</a>
      </dd>
              <dd>
       &middot;
      <a href="../matplotlib/matplotlib-imshow.html" title="Matplotlib imshow() 方法">Matplotlib imsh...</a>
      </dd>
              <dd>
       &middot;
      <a href="../matplotlib/matplotlib-hist.html" title="Matplotlib 直方图">Matplotlib 直方图</a>
      </dd>
              <dd>
       &middot;
      <a href="../python3/python-func-object.html" title="Python object() 函数">Python object()...</a>
      </dd>
              <dd>
       &middot;
      <a href="../python3/python-ai-draw.html" title="Python AI 绘画">Python AI 绘画</a>
      </dd>
              <dd>
       &middot;
      <a href="../w3cnote/cursor-editor.html" title="神辅助 Cursor 编辑器，加入 GPT-4 让编码更轻松！">神辅助 Cursor ...</a>
      </dd>
             </dl>
     <dl>
      <dt>
       站点信息
      </dt>
      <dd>
       &middot;
       <a target="_blank" href="mailto:admin@runoob.com" rel="external nofollow">意见反馈</a>
       </dd>
      <dd>
       &middot;
      <a target="_blank" href="../disclaimer">免责声明</a>
       </dd>
      <dd>
       &middot;
       <a target="_blank" href="../aboutus">关于我们</a>
       </dd>
      <dd>
       &middot;
      <a target="_blank" href="../archives">文章归档</a>
      </dd>
    
     </dl>
    
     <div class="search-share">
      <div class="app-download">
        <div>
         <strong>关注微信</strong>
        </div>
      </div>
      <div class="share">
      <img width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png" />
       </div>
     </div>
     
    </div>
   </div>
   <div class="w-1000 copyright">
     Copyright &copy; 2013-2023    <strong><a href="../" target="_blank">菜鸟教程</a></strong>&nbsp;
    <strong><a href="../" target="_blank">runoob.com</a></strong> All Rights Reserved. 备案号：<a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">闽ICP备15012807号-1</a>
   </div>
  </div>
  <div class="fixed-btn">
    <a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a>
    <a class="qrcode"  href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a>
    <a class="writer" style="display:none" href="javascript:void(0)"   title="标记/收藏"><i class="fa fa-star" aria-hidden="true"></i></a>
    <!-- qrcode modal -->
    <div id="bottom-qrcode" class="modal panel-modal hide fade in">
      <h4>微信关注</h4>
      <div class="panel-body"><img alt="微信关注" width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png"></div> 
    </div>
  </div>

 <div style="display:none;">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84264393-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-84264393-2');
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3eec0b7da6548cf07db3bc477ea905ee";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</div>
<script>
window.jsui={
    www: 'https://www.runoob.com',
    uri: 'https://www.runoob.com/wp-content/themes/runoob'
};
</script>

<script src=""></script>
<script src=""></script>

</body>
</html>